@import '@/variables.less';

&::-webkit-scrollbar {
  display: none;
}

.smart-picker {
  background-color: transparent !important;
}

.to-center {
  margin: 0 auto;
}

.hover-class__button-press-1 {
  opacity: 0.1;
}

.hover-class__button-press-2 {
  opacity: 0.2;
}

.hover-class__button-press-3 {
  opacity: 0.3;
}

.hover-class__button-press-4 {
  opacity: 0.4;
}

.hover-class__button-press-5 {
  opacity: 0.5;
}

.hover-class__button-press-6 {
  opacity: 0.6;
}

.hover-class__button-press-7 {
  opacity: 0.7;
}

.hover-class__button-press-8 {
  opacity: 0.8;
}

.hover-class__button-press-9 {
  opacity: 0.9;
}

.hover-class__button-press-10 {
  opacity: 1;
}

.loopStyle(@counter) when (@counter > 0) {
  .p-@{counter} {
    padding: (1rpx * @counter);
  }
  .p-t-@{counter} {
    padding-top: (1rpx * @counter);
  }
  .p-r-@{counter} {
    padding-right: (1rpx * @counter);
  }
  .p-b-@{counter} {
    padding-bottom: (1rpx * @counter);
  }
  .p-l-@{counter} {
    padding-left: (1rpx * @counter);
  }
  .m-@{counter} {
    margin: (1rpx * @counter);
  }
  .m-t-@{counter} {
    margin-top: (1rpx * @counter);
  }
  .m-r-@{counter} {
    margin-right: (1rpx * @counter);
  }
  .m-b-@{counter} {
    margin-bottom: (1rpx * @counter);
  }
  .m-l-@{counter} {
    margin-left: (1rpx * @counter);
  }
  .loopStyle((@counter - 2)); // 递归调用自身
}

// 生成 margin， padding 工具类
.loopStyle(60);
